@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
@font-face {
	font-family:'syh';
	src: url(syh.otf);
}
/* CSS Document */
.header { height: 105px; background: #ffffff;}
.headerCont { width: 92%; max-width: 1352px; margin: 0 auto;}
.headerCont a.logo { float: left; margin-top: 32px; width: 146px; display: block;}
.nav { float: left; margin-left: 5.36vw;}
.nav li { margin-right: 28px; position: relative; float: left;}
.nav li h2 { position: relative; font-size: 18.75px; color: #333333; padding: 0 12px; line-height: 105px; position: relative; transition: all 0.5s;} 
.nav li h2 a{ transition: all 0.5s; color: #333333;}
.nav li h2:after { content: ''; background: #db1011; height: 4px; width: 0; transition: all 0.5s; position: absolute; bottom: 0; left: 0;}
.nav li.cur h2 a,.nav li:hover h2 a{ color: #db1011;}
.nav li.cur h2:after,.nav li:hover h2:after { content: ''; width: 100%;}
.nav li dl { display: none; box-shadow: 0 3px 10px rgba(0,0,0,0.2); z-index: 2; position: absolute; padding: 10px 0; border-radius: 0 0 4px 4px; left:50%; margin-left: -70px; width:140px; top:105px; background: #ffffff;}
.nav li dt { line-height: 2.5; text-align: center; font-size: 18px;}
.nav li dt a { color: #333333; display: block; transition: all 0.5s;}
.nav li dt:hover a { color: #ffffff; background:#db1011 ;}
.nav li:hover dl { display: block;}
.nav li:hover h2 a { color: #db1011;}
.nav li:last-child { margin-right: 0;}

.banner img { display: block; width: 100%;}
.headerSearch { position: relative; float: right; height: 95px;}
.headerSearch span { cursor: pointer; margin-top: 35px; display: block; background: url(../images/searchIcon.png) center no-repeat; width: 38px; height: 38px; box-sizing: border-box;
border:1px solid #ededed; border-radius: 50%;}
.banner span { position: relative; width: 22px; height: 22px; border-radius: 50%; background: none; border: 1px solid rgba(0,0,0,0); opacity:.6;}
.banner span:after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin-left: -4px; margin-top: -4px; background: #d82019;
border-radius: 50%;}
.banner span.swiper-pagination-bullet-active {border: 1px solid #db4944; opacity: 1;}
.profileTit h2 { line-height:44px; font-family: 'syh'; font-size: 43px; color: #e4ebf5;}
.profile { max-width: 92%; overflow: hidden; width: 1276px; margin: 65px auto 5.2vw;}
.profileTxt { float: left; width:calc(100% - 604px);}
.profileImg { float: right; overflow: hidden; width: 555px;}
.profileImg img { display: block; width: 100%;}
.profileTit span { position: relative; display: inline-block; line-height: 45px; font-weight: bold; color: #db1011; font-size: 34px;}
.profileTit span:after { content: ''; position: absolute; right: -16px; top: -3px; width: 30px; height: 30px; box-sizing: border-box; border: 7px solid rgba(219,16,17,.7);
border-radius: 50%;}
.profileTit { margin-bottom: 30px;}
.profileTxt p { color: #333333; font-size: 18px; line-height: 32px;}
.profileTxt a.more { margin-top: 2.6vw; display: block; background: url(../images/enterBg.png) 94px center no-repeat #db1011; width: 165px;
height: 40px; color: #ffffff; font-size: 18.75px; line-height: 40px; text-indent: 48px;}
.homeLink { background: #db1011;}
.linkCont { width: 1415px; max-width: 92%; margin: 0 auto; overflow: hidden;}
.linkLeft { padding-left: 70px; padding-top:30px; float: left;}
.linkLeft p { font-size: 18.75px; color: #ffffff; line-height: 33px;}
.linkLeft a { margin-top: 15px; display: block; font-size: 18.75px; color: #ffffff; border: 1px solid #ffffff; width: 152px; line-height: 40px; text-align: center;}
.linkList { padding: 42px 0; background: #c70a0b; float: right; overflow: hidden;}
.linkBox { padding:18px 3.9vw 22px; float: left;}
.linkBox:nth-child(1) { border-right: 1px solid #ffffff;}
.linkImg { float: right;}
.linkTxt { margin-right: 45px; float: left;}
.linkTxt p { line-height: 34px; font-size: 25px; color: #ffffff;}
.linkTxt span { line-height: 34px; font-size: 20px; color: #ffffff;}
.linkBox a { overflow: hidden; display: block;}
.service { padding: 47px 0 5.7vw; background: url(../images/homebg1.jpg) center no-repeat; background-size:cover; background-attachment: fixed;}
.serviceTit { position: relative; margin-bottom: 2.6vw; text-align: center; font-weight: bold; font-size: 34px; color: #353535; line-height: 78px;}
.serviceTit:after { content: ''; background: #db1011; position: absolute; bottom: 0; width: 29px; height: 2px; left: 50%; margin-left: -14.5px;}
.serviceLink { width: 1276px; margin: 0 auto; max-width: 92%;}
.serviceLink ul { overflow: hidden;}
.serviceLink li { position: relative; float: left; width: 23%; margin-right: 2.6666%;}
.serviceLink li:last-child { margin-right: 0;}
.posTxt { position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.5s; width: 100%; text-align: center;}
.posTxt h2 { font-size: 28px; color: #ffffff; line-height: 34px;}
.posTxt h3 { font-size: 25px; color: #ffffff; line-height: 34px;}
.posTxt p { font-size: 18px; transition: all .7s; opacity: 0; color: #f4f4f4; overflow: hidden; height: 0; line-height: 34px; margin-top: 40px;}
.serviceLink li:hover p { height: 102px; opacity: 1;}
.news { padding-bottom: 140px; padding-top: 2.6vw; background: url(../images/homebg2.jpg) center bottom no-repeat; background-size:cover;}
.newsCont { width: 1276px; margin: 0 auto; max-width: 92%;}
.newsHd { line-height: 110px; margin-top: 18px; overflow: hidden;}
.newsHd span { color: #717171; font-weight: bold; font-size: 21px; float: left; display: block; background: url(../images/icon4.png) left center no-repeat; padding-left: 26px;
margin-right: 40px; cursor: pointer;}
.newsHd span.cur { color: #db1011; background: url(../images/icon3.png) left center no-repeat;}
.newsImg { float: right; width: 589px;}
.newsList { float: left; width: calc(100% - 589px);}
.newsList li { border-bottom: 1px solid #e6e6e6; padding: 36px 4.6% 35.5px; overflow: hidden;}
.newsDate { float: left; text-align: center; width: 80px; color: #ffffff; height: 80px; background: #db1011;}
.newsDate p { font-size: 37.5px; line-height: 52px; font-weight: bold;}
.newsDate span { font-size: 15px;}
.newsTag { float: right; width: calc(100% - 110px);}
.newsList li:last-child { border: none;}
.newsSlide { overflow: hidden; background: #FFFFFF;}
.newsImg img { display: block; width: 100%;}
.newsTag p { transition: all 0.5s; color: #434343; font-weight: bold; font-size: 18.75px; line-height: 28px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.newsTag span { font-size: 15.5px; color: #434343; line-height: 26px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList li:hover .newsTag p { color:#db1011 ;}
.partner { background: url(../images/homebg3.jpg) center bottom no-repeat; background-size:cover; padding: 2.6vw 0 5.5vw;}
.partnerSlide { padding: 0 50px; position: relative; width: 1276px; margin: 0 auto; max-width: 92%; margin: 2.6vw auto 0;}
.partnerSlide .swiper-button-next { left: auto; right: -30px; transition: all 0.5s; background: url(../images/next.jpg) center no-repeat; width: 30px; height: 76px;
position: absolute; top: 50%; margin-top: -38px; outline: none;}
.partnerSlide .swiper-button-prev { left: -30px; transition: all 0.5s; background: url(../images/prev.jpg) center no-repeat; width: 30px; height: 76px;
position: absolute; top: 50%; margin-top: -38px; outline: none;}
.partnerSlide .swiper-button-next:after,.partnerSlide .swiper-button-prev::after { display: none;}
.partnerSlide .swiper-slide { transition: all 0.5s; border-radius: 8px; overflow: hidden; border: 1px solid #eaeaea;}
.partnerSlide .swiper-slide img { display: block; width: 100%;}
.partnerSlide .swiper-button-next:hover { background: url(../images/nextOn.jpg) center no-repeat;}
.partnerSlide .swiper-button-prev:hover { background: url(../images/prevOn.jpg) center no-repeat;}
.footer { padding: 70px 0; background: #12202d; border-top: 3px solid #db1011;}
.partnerSlide .swiper-slide:hover { border: 1px solid #db1011;}
.footCont { width: 1510px; margin: 0 auto; max-width: 92%; overflow: hidden;}
.footerLeft { float: left;}
.companyName { margin-bottom: 40px;}
.companyName p { line-height: 48px; color: #ffffff; font-size: 28px;}
.companyName span { font-size: 12px; color: #ffffff;}
.footerContact p { font-size: 15.5px; color: #707981;}
.footerContact img { margin-right: 5px;}
.footerContact { line-height: 26px;}
.footerContact span { margin-right: 35px;}
.footerLeft select { max-width: 100%; background: none; color: #707981; border: 1px solid #47515b; height: 45px; outline: none;
width: 360px; box-sizing: border-box; padding-left: 5px; margin: 18px 0;}
.copyRight { font-size: 15.5px; color: #707981; line-height: 26px;}
.footerRight { float: right;}
.footerRight ul { overflow: hidden;}
.footerRight li { margin-left: 45px; text-align: center; float: left;}
.footerRight li h2 { margin-bottom: 10px;}
.footerRight li h2 a { font-size: 18px; color: #ffffff;}
.footerRight li p { line-height: 2;}
.footerRight li p a { font-size: 15.5px; color: #707981; transition: all 0.5s;}
.footerRight li p:hover a { color: #ffffff;}
.location { background: #f2f5f7; line-height: 70px;}
.loactionCont { max-width: 92%; width: 1275px; overflow: hidden; margin: 0 auto;}
.tabName { float: left; overflow: hidden;}
.tabName a { margin-right: 62px; color: #646362; float: left; display: block; font-size: 18px; position: relative;}
.tabName a.cur:after { content: ''; left: 0; position: absolute; bottom: 0; background: #db1011; height: 2px; width:100%;}
.tabName a.cur { color: #DB1011;}
.locationInfor { float: right; background: url(../images/house2.png) left center no-repeat;
padding-left: 24px;}
.locationInfor,.locationInfor a { transition: all 0.5s; font-size: 18px; color: #646362;}
.locationInfor a:hover { color:#DB1011 ;}
.locationInfor span { margin: 0 5px;}
.aboutArticle { padding: 50px 0; width: 1110px; margin: 0 auto; max-width: 92%;}
.aboutArticle h2 { text-align: center; font-size: 34px; color: #141312; line-height: 50px; margin-bottom: 35px;
font-weight: bold;}
.aboutArticle h3 { color: #db1011; font-weight: bold; font-size: 18px; margin-bottom: 20px;}
.aboutArticle p { font-size: 15px; color: #333333; line-height: 25px; margin-bottom: 20px;}
.bigThing { width: 100%; overflow: hidden;}
.bigThing .swiper-container { padding: 10px 0 45px;}
.bigThing .swiper-slide { position: relative; z-index: 2; cursor: pointer;}
.bigThing .swiper-slide span { background: #ffffff; margin: 0 auto; border: 1px solid #eeeeee; display: block; text-align: center; width: 58px; line-height: 58px; border-radius: 50%;}
.bigThing .swiper-slide-active,.bigThing.swiper-slide-duplicate-active{ transform: scale(1.2);}
.bigThing .swiper-slide-active span { background: #DB1011; color: #ffffff;}
.bigThing .swiper-slide-active:after { content: ''; background: url(../images/abselect.png) center no-repeat;
width: 19px; height: 10px; position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%);}
.thingHd { position: relative;}
.thingHd:after { content: ''; position: absolute;  left: 0; width: 100%; height: 2px; top: 40px; background: #f1f1f1;}
.thingBd { width: 1276px; margin: 30px auto 0; max-width: 92%; padding-bottom: 5.2vw;}
.thingImg { float: left; width: 572px;}
.thingImg img { display: block; width: 100%;}
.thingSlide { overflow: hidden;}
.thingTxt { float: left; width: calc(100% - 752px); margin-left: 130px;}
.thingTxt li { margin-bottom: 25px; overflow: hidden;}
.thingTxt li p { float: left; font-size: 21px; color: #252423;}
.thingTxt li span { font-size: 15.5px; line-height: 24px; color: #444444; float: left; max-width: calc(100% - 28px); margin-left: 3px;}
.thingTxt h2 { font-size: 50px; color: #252423; line-height: 140px;}
.bigThing>h2 {    text-align: center;
    font-size: 34px;
    color: #141312;
    line-height: 50px;
    margin-bottom: 35px;
    font-weight: bold;}
.newsPage { padding: 20px 0 80px; width: 1276px; max-width: 92%; margin: 0 auto;}
.newsTitle { margin-bottom: 40px; text-align: center; font-size: 30px; color: #353535; line-height: 74px; position: relative;}
.newsTitle:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 140px;
height: 4px; background: #db1011;}
.hotImg { float: left; width: 338px; overflow: hidden;height: 250px;}
.hotImg img { display: block; width: 100%;}
.hotTxt { float: right; width: calc(100% - 338px); padding: 30px 50px 0; color: #ffffff;}
.hotNews { overflow: hidden; background: #db1011; border-radius: 10px; margin-bottom: 5.2vw;}
.hotTxt span { font-size: 18px; color: #ffffff; display: block; line-height: 2;}
.hotTxt h2 { line-height: 64px; font-size: 28px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.hotTxt p { font-size: 18px; line-height: 30px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.hotTxt a { display: block; background: url(../images/newsEnter.png) center no-repeat; width: 35px; height: 35px;
margin: 30px 0 0;}
.newPic { float: left; width: 150px; border-radius: 8px; overflow: hidden;}
.newPic img { transition: all 0.5s; display: block; width: 100%;}
.newRight { float: right; width: calc(100% - 380px);}
.newLi li { margin-bottom: 60px; overflow: hidden;}
.newsInfor { float: left; width: calc(100% - 164px);}
.newsInfor h2 { font-weight: bold; transition: all 0.5s; margin-bottom: 22px; line-height: 32px; font-size: 25px; color: #222222; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.newsInfor p { font-size: 16px; height: 56px; margin-bottom: 64px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #666666; line-height: 28px;}
.newsInfor span { color: #999999; font-size: 16px; line-height: 2;}
.newDate p { font-weight: bold; font-size: 32px; line-height: 2; color: #344048;}
.newDate span { font-size: 18px; font-weight: 200; color: #344048;}
.newDate { float: right; text-align: center; width: 122px; margin-top: 55px;}
.newLi li:hover .newPic img { transform: scale(1.1);}
.newLi li:hover .newsInfor h2 { color: #DB1011;}
.fpage { text-align: center; vertical-align: top;}
.fpage a,.fpage span { border: 1px solid #ebebeb; margin: 0 4px; display: inline-block; padding: 0 15px; line-height: 40px; font-size: 18px; color: #333333;}
.fpage a.cur { color: #ffffff; border: 1px solid #DB1011; background: #DB1011;}
.searchSub { display: none; padding: 10px; width: 232px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 3px; position: absolute; right: 0; top: 90px; background: #ffffff; z-index: 3;}
.searchSub input { width: 180px; float: left; height: 32px; box-sizing: border-box;padding: 0; outline: none; border:none; border-bottom: 1px solid #eee; font-size: 16px;}
.searchSub button.searchBtn { cursor: pointer; width: 32px; height: 32px; float: left; background: url(../images/searchIcon.png) center no-repeat; outline: none; border: none;}
#screen { display: none; position: fixed; width: 100%; height: 100%; z-index: 3; background: rgba(0,0,0,0.5);}
@media screen and (max-width: 1620px) {
	.footerRight li { margin-left: 13px;}
	.footerRight li h2 a { font-size: 16px;}
}
@media screen and (max-width: 1450px) {
	.nav{
		overflow: hidden;
	}
	.nav li { margin-right: 10px;}
	.nav li h2 { padding: 0 19px;}
	.thingTxt { width: calc(100% - 652px); margin-left:0; float: right;}
	.aboutArticle h2,.bigThing>h2,.newsTitle { font-size: 28px;}
	.aboutArticle h3 { font-size: 16px;}
	.thingTxt h2 { font-size: 40px; line-height: 3;}
	.newsInfor h2 { font-size: 20px;}
}
@media screen and (max-width: 1280px) {
	.nav li h2 { font-size: 16px; padding: 0 3px;}
	.profileTxt p { font-size: 16px; line-height: 1.75;}
	.profileTit h2 { font-size: 30px; line-height: 1.2;}
	.serviceTit { font-size: 26px; line-height: 2; margin-bottom: 20px;}
	.footerRight { display: none;}
	.companyName p { font-size: 16px;}
	.aboutArticle h2,.bigThing>h2,.newsTitle { font-size: 24px;}
	.newsTitle { line-height: 60px;}
	.newsInfor h2 { font-size: 18px;}
}
@media screen and (max-width: 1180px) {
	.linkLeft { float: none; text-align: center; margin: 0; padding: 20px 0;}
	.linkLeft a { margin: 15px auto 0;}
	.linkList { float: none; width: 100%;}
	.linkBox { width: 50%;}
	.newsTitle:after { height: 2px; width: 100px;}
}
@media screen and (max-width: 1080px) {
	.thingTxt h2 { font-size: 30px;}
	.aboutArticle h3,.aboutArticle p { margin-bottom: 10px; font-size: 14px;}
	.profileImg { float: none; max-width: 100%;}
	.profileTxt a.more { margin: 20px auto;}
	.profileTit span { font-size: 26px;}
	.profileTit h2,.bigThing>h2 { font-size: 24px;}
	.profileTit { margin-bottom: 20px;}
	.profileTxt a.more,.linkLeft p,.linkLeft a { font-size: 16px;}
	.linkImg { float: none; margin: 0 auto;}
	.linkList { padding: 20px 0;}
	.linkTxt span { font-size: 16px;}
	.linkImg img { height: 50px; display: block; margin: 0 auto 20px;}
	.linkTxt p { font-size: 18px;}
	.linkTxt { float: none; text-align: center; margin: 0;}
	.profileTxt { float: none; width: 100%;}
	body { padding-top: 60px;}
	.header { padding: 0 4%; z-index: 3; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); height: 60px; width: 100%; position: fixed; left: 0; top: 0;}
	.header .nav { margin: 0; width: 40%; z-index: 3; float: none; margin-top: 0; position: fixed; left:-100%; top: 60px; bottom: 0; background: #ffffff;}
	.nav li h2 a { display: inline;}
	.nav li dl { position: static; transform: translate(0); margin: 0; width: 100%; box-shadow: none; text-align: left;}
	.nav li dt { text-align: left; padding: 0 20px;}
	.nav li h2 { line-height: 60px;}
	.nav li h2:after { border-radius: 0; height: 2px;}
	.nav li { box-sizing: border-box; float: none; width: 100%; margin: 0;}
	.nav li h2 { padding: 0 15px;}
	.headerCont a.logo img { height: 32px;}
	.headerCont a.logo { margin-top: 15px;}
	.headerSearch span { margin-top: 11px;}
	.menu { background: url(../images/Menu.png) center no-repeat; display: block; width: 32px; height: 32px; position: absolute; right: 4%; top: 14px;}
	.headerSearch { height: 60px; margin-right: 42px;}
	.searchSub { top: 65px;}
	.newsList { float: none; width: 100%;}
	.newsImg { float: none; width: 100%;}
	.newsList li { padding: 10px;}
	.newsTag { width: calc(100% - 90px);}
	.newsTag p { font-size: 16px;}
	.newsTag span { font-size: 14px;}
	.news { padding-bottom: 40px;}
	.partnerSlide { padding: 0;}
	.partnerSlide .swiper-button-next,.partnerSlide .swiper-button-prev { display: none;}
	.thingImg { float: none; margin: 0 auto; max-width: 100%;}
	.thingTxt { float: none; width: 572px; max-width:100%; margin: 0 auto;}
	.locationInfor, .locationInfor a,.tabName a { font-size: 14px;}
	.hotImg { width: 100%; float: none;}
	.hotTxt { float: none; width: 100%; padding-bottom: 20px;}
	.newDate { display: none;}
	.newsInfor { float: none; width: 100%;}
}
@media screen and (max-width:750px) {
	.newsInfor h2 { margin-bottom: 10px;}
	.newsInfor p { margin-bottom: 10px;}
	.newLi li { margin-bottom: 20px;}
	.hotTxt { padding: 20px;}
	.hotTxt h2 { font-size: 18px; line-height: 2;}
	.hotTxt p { font-size: 14px;}
	.serviceTit { font-size: 22px;}
	.serviceLink li { width: 50%; margin: 0;}
	.serviceLink li img { display: block; width: 100%;}
	.posTxt h2 { font-size: 18px; line-height: 1.5;}
	.posTxt h3 { font-size: 16px; line-height: 1.5;}
	.posTxt p { margin-top: 10px; font-size: 14px; line-height: 1.5;}
	.newsHd span { font-size: 16px;}
	.newsHd { line-height: 50px;}
	.copyRight,.footerContact p { font-size: 14px;}
	.footerLeft { max-width: 100%;}
	.tabName,.locationInfor { line-height: 40px; float: none;}
	.tabName a { float: none; display: inline-block; margin: 0 10px;}
	.tabName { text-align: center;}
	.newPic { float: none; width: 100%; margin-bottom: 10px;}
	.newRight { width: 100%; float: none;}
	.fpage { margin-top: 20px;}
	.fpage a, .fpage span { font-size: 12px; padding: 0 8px; margin: 0 2px; line-height:24px;}
}
